<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link  rel="stylesheet" type="text/css" href="cardPay.css"/>
    <link  rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
    <title>卡号充值</title>
</head>
<body>
<header class="mui-bar mui-bar-nav" style="background-color: #00A9EE;">
    <img style="width: 24px;height: 24px;margin-top: 8px;" src="../../../images/mine/u18.png"/>
    <h1 class="mui-title" style="color: #fff;">找回密码</h1>
</header>

<div class="mine-pay-box">
    <div class="mui-col mui-col-xs-6 mine-pay-cardPay-card mine-pay-choose">卡号充值</div>
    <div class="mui-col mui-col-xs-6 mine-pay-choose">NFC充值</div>
    <form class="mui-input-group">
        <div class="mui-input-row">
            <label>卡号</label>
            <input type="text" class="mui-input-clear" placeholder="请输入卡号">
        </div>
    </form>
    <form class="mui-input-group">
        <div class="mui-input-row">
            <label>充值金额</label>
            <input type="text" class="mui-input-clear" placeholder="请输入充值金额">
        </div>
    </form>
    <form class="mui-input-group">
        <div class="mui-input-row">
            <label>短信通知</label>
            <input type="text" class="mui-input-clear" placeholder="请输入电话号码">
        </div>
    </form>
    <div class="mine-pay-cardPay-sign">
        <img class="mine-pay-iconS" src="../../../images/mine/u24.png"/>
        <span class="mine-pay-cardPay-t1">同意《中国地铁服务条款》</span>
    </div>
    <div class="mine-pay-row">
        <button type="button" style="width: 80%;" class="mui-btn mui-btn-primary mui-btn-outlined">充值</button>
    </div>

</div>

</body>
</html>